<nz-layout>
  <nz-sider nzCollapsible [nzCollapsed]="isCollapsed" nzTrigger="triggerTemplate">
    <div class="logo" style="width:100px;height:20px;background-color:#ffffff;margin:16px auto;"></div>
    <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
      <li nz-submenu>
        <span title><i class="anticon anticon-user"></i><span class="nav-text">用户管理</span></span>
        <!--<span title><i class="anticon anticon-user"></i>用户管理</span>-->
        <ul>
          <li nz-menu-item>增加</li>
          <li nz-menu-item>删除</li>
          <li nz-menu-item>修改</li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-affix>
      <nz-header style="background:#ffffff"><i class="anticon" [class.anticon-menu-fold]="!this.isCollapsed"  [class.anticon-menu-unfold]="this.isCollapsed" (click)="this.isCollapsed=!this.isCollapsed"></i></nz-header>
    </nz-affix>
    <nz-content style="padding:0 50px;">
      <nz-breadcrumb style="margin:15px 0">
        <nz-breadcrumb-item><a href="#">content</a></nz-breadcrumb-item>
        <nz-breadcrumb-item><a href="#">content</a></nz-breadcrumb-item>
        <nz-breadcrumb-item><a href="#">content</a></nz-breadcrumb-item>
      </nz-breadcrumb>
      <div style="padding:0 30px;background:#ffffff;min-height:320px;">
        ahahaha
      </div>
    </nz-content>
    <nz-footer>
      <p>凤凰新华 &copy;2018 版权所属 implement by angular <span style="color:red">&hearts;&hearts;&hearts;&hearts;&hearts;</span></p>
    </nz-footer>
  </nz-layout>
</nz-layout>
